@charset "utf-8";

/*~~~~框架布局  v3.2.7~~~*/

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}



 





/*==版心定义↓==*/

.container{width:1600px;}

a:hover{color:#9f2925}

.bga{background:#f8f8f8;}





/*==字符串↓==*/

*:before,*:after,em,i,.iof{font-style: normal;font-family: "iconfont";line-height:1;transition: all .4s ease-in-out}



@font-face {

  font-family: 'iconfont';

  src: url('//at.alicdn.com/t/c/font_1963410_kzrkmbh2h1.woff2?t=1712588869417') format('woff2'),

       url('//at.alicdn.com/t/c/font_1963410_kzrkmbh2h1.woff?t=1712588869417') format('woff'),

       url('//at.alicdn.com/t/c/font_1963410_kzrkmbh2h1.ttf?t=1712588869417') format('truetype');

}





/*==顶部↓==*/

.fixed-top.header{ position: fixed;top:0;width:100%; height:80px;box-shadow: 0 0 10px #ddd;  }

.fixed-top.header:before{opacity:1; height:100%;}

.fixed-top.header .sub{top:80px} 

/*--*/

.header{position: relative;z-index:5;border-bottom:1px #eee solid;height: 80px;}

.header:before{opacity:0; content:"";position:absolute;bottom:0;z-index:-1;width:100%;height:80%;background: #fff;transition: all .4s ease-in-out;}

.header .container{height:100%;}

.header .logo{float:left;display: flex;height:100%;padding: 20px 0;align-items: center;}

.header .logo a{display: flex;height:100%;align-items: center;}

.header .logo img{max-height:80px;}

.header .logo .txt{color:#181818;font-size:16px;text-align: center;margin-left: 20px;}

.header .logo .txt font{display: block;font-size:28px;color:#9f2925;font-weight:bold;letter-spacing:6px;}

.header .tel{position: relative;float: right;display: flex;font-size: 20px;color: #9f2925;height: 100%;align-items: center;margin-left: 30px;}

.header .tel:before{content: "\e953";margin-right: 10px;font-weight: 400;color: #9f2925;}

.header .bar{float:right;position:relative; display: flex;margin-left: 40px;height: 100%;color:#333;font-size:16px;align-items: center;}

.header .bar:before{content:"";position:absolute;left: -20px;top:0;bottom:0;margin: auto;width:1px;height:20px;background:#ccc}

.header .bar i{color:#9a9a9a;font-size: 24px;margin-right:6px;}

.header .bar:hover{color:#9f2925}

.header .bar:hover i{color:#9f2925}

.header .lang{float: right;position: relative;display: flex;margin-left: 60px;height:100%;align-items: center;}

.header .lang:after{content:"\eb98";margin-left:10px;color: #6a6a6a;font-size: 14px;}

.header .lang .tit{display: flex;color:#6a6a6a;font-size:18px;align-items: center;}

.header .lang .tit:before{content:"\e6b0";margin-right:10px;color:#333;font-size: 22px;}

.header .lang .drop{display:none;position: absolute;right: 0;top: 80%;z-index: 2;width: max-content;padding: 10px 20px;border: 1px #eee solid;border-radius: 5px;box-shadow: 10px 0px 20px #ccc;background: #fff;}

.header .lang .drop:before{content:"";position:absolute;top: -20px;right: 25px;display: table;margin: auto;border: 10px solid white;border-color: transparent transparent #fff transparent;}

.header .lang .drop a{display: inline-block;color:#3a3a3a;font-size: 14px;padding: 0 10px;border-right: 1px #aaa  solid;text-align:center}

.header .lang .drop a:last-child{border-right:0px;}

.header .lang .drop a:hover{color:#9f2925;}

.header .lang:hover .drop{display:block;}

.header .lang:hover:after{color:#9f2925;transform: rotateX(180deg);}

.header .lang:hover b{color:#9f2925}

.header .nav{display:flex;float: right;height: 100%;}

.header .nav > li{float: left;position:relative;height: 100%;margin-left: 0px;}

.header .nav > li > a{position: relative;display: flex;color: #1a1a1a;font-size: 17px;height: 100%;padding: 0 25px;text-align: center;align-items: center;}

.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;z-index: -1;width:100%;height: 100%;background:#9f2925;transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.header .nav > li:hover > a,.header .nav > li.active > a{color: #fff;}

.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}

.header .nav .sub{display:none;width:100%;left:%;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);padding: 0px 0;z-index: 999;text-align: center;}

.header .nav .sub a{display: block;color: #5e5e5e;font-size: 14px;padding:8px 10px}

.header .nav .sub a:hover{color:#fff; background: #9f2925;}





/*==响应区分↓==*/

.res-flat_pc{}

.res-flat_flat{display: none;}

.res-wap_pc{}

.res-wap_wap{display: none;}





/*==弹出背景↓==*/

.offer-bg{ display:none; position: fixed;left:0;top:0;z-index:1; width:100%;height:100%; background:rgba(0,0,0,0.5);}





/*==弹出搜索↓==*/

.search-top{display: none; position:fixed;left:0;top:0px;right:0;z-index: 2;padding:120px 50px 50px 50px;border: 1px #ddd solid;background: #fff;}

.search-top .long{position:relative; padding:30px 0;display: flex;width: max-content;margin: auto;flex-direction: column;}

.search-top .top{position:relative;display: flex;width: max-content;flex-direction: row-reverse;align-items: center;}

.search-top .close{display: flex;margin-left: 30px;width: 40px;height: 40px;text-align: center;color: #666;font-size: 22px;background: #fafafa;justify-content: center;align-items: center;cursor: pointer;}

.search-top .close::before{content:"\e731";}

.search-top .close:hover{color:#fff;background: #999;}

.search-top .close:hover:before{color:#fff}

.search-top .trol form{position: relative;display: flex;margin: auto;width: max-content;border: 1px #ddd solid;border-radius: 5px;overflow: hidden;}

.search-top .trol i{position: absolute;left: 15px;top:0;bottom:0;margin:auto;height:fit-content;color:#999;font-size: 22px;}

.search-top .trol input{float: left;width:500px;color:#666;font-size: 15px;padding:0 20px 0 50px;}

.search-top .trol button{float:right;color:#fff;font-size:13px;padding: 0px 40px;background: #666;border: none;/* border-radius: 50%; */cursor: pointer;}

.search-top .trol input,.searchBox .trol button{line-height:50px;height:50px;border:none;}

.search-top .trol button:hover{ background:#000002}

.search-top .link{display:flex;font-size: 15px;margin-top: 20px;text-align: center;flex-wrap: wrap;justify-content: flex-start;}

.search-top .link h4{color: #5a5a5a;font-weight:bold;margin-right:20px;}

.search-top .link a{margin:0 10px 10px 0}





/*==次级导航↓==*/

.menu-each{width:100%;margin-top:60px;margin-bottom:-10px;}

.menu-each ul{display:table; text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto;}

.menu-each li{/*! flex: 1; */ display: inline-block;}

.menu-each li a{position:relative;z-index:2;display: block;margin:0 10px 10px 10px;color:#191919;font-size:18px;border: 1px #e9e9e9 solid;overflow: hidden;padding: 10px 40px;border-radius: 5px; background: #f7f7f7;}

.menu-each li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%; background: #9f2925;transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.menu-each li:hover a,.menu-each li.active a{ color:#fff;border-color:#9f2925 }

.menu-each li:hover a:after,.menu-each li.active a:after{transform: scale(1);transform-origin:left;}

 



/*==次级导航↓==*/

.menu-orso{position: relative;margin-top:40px;border-bottom:2px #e8e8e8 solid;}

.menu-orso .long{display: flex;padding-bottom:20px;background: #fff;justify-content: space-between;align-items: center;}

.menu-orso .secon{}

.menu-orso .secon li{display: inline-block;margin-right: 50px;}

.menu-orso .secon a{position:relative;z-index:2;display: block;color: #666666;font-size: 18px;height: 100%;/* overflow: hidden; */background: #fff;}

.menu-orso .secon a::after{content: "";position: absolute;left:0;bottom: -22px;z-index: 2;width:100%;height: 2px;background: #9f2925;transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.menu-orso .secon li:hover a,.menu-orso li.active a{ color:#9f2925; }

.menu-orso .secon li:hover a:after,.menu-orso .secon li.active a:after{transform: scale(1);transform-origin:left;}

/*--*/

.menu-orso.par{margin-top: -80px;height: 80px;border-bottom-width: 1px;}

.menu-orso.par .long{padding: 30px 30px 25px 30px;border-radius: 10px 10px 0 0;}

.menu-orso.par .secon a::after{bottom:-25px}

/*--*/

.menu-orso.cen .long{justify-content: center;}

.menu-orso.cen .secon li{margin:0 40px;}

.menu-orso.cen .site{display: none;}





/*==面包屑↓==*/

.siteGle{/* margin-top: 40px; */padding: 20px 0;border-bottom: 1px #ddd solid;background: #f9f9f9;}

.siteGle .long{display: flex;align-items: center;justify-content: space-between;}

.siteGle .tit{position: relative;color: #666;font-size: 18px;}

.siteGle .tit:after{content: "";position: absolute;left:0;bottom: -21px;z-index: 2;width:100%;height: 2px;background: #9f2925;}

.siteGle .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}

.siteGle .more:hover{color:#fff; background: #9f2925;}

/*--*/

.site-dot{color: #6a6a6a;font-size: 15px;}

.site-dot .home i{ font-weight:bold;font-size:16px;margin-right:10px;color:#aaa}

.site-dot a{}

.site-dot a:after{content:"\eb9b";margin: 0 5px;font-size:12px;}

.site-dot a:last-child:after{display:none}

.site-dot a:hover{color:#9f2925}





/*==标题↓==*/

.titleAx{margin-bottom:40px;color:#000123;font-size:44px;}

.titleAx b{font-size:30px;color:#9f2925}  

.titleAx span{display: block;color:#343434;font-size:48px;font-weight: 400;text-transform: Uppercase;}

.titleAx font{color:#9f2925}

.titleAx hr{display: block;margin:0px;margin-top: 12px;width: 50px;height: 2px;border:none;background: #9f2925;}

.titleAx.cen{text-align: center; }

.titleAx.cen{}

.titleAx.cen hr{margin:0px auto;margin-top: 10px;}

.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}

.titleAx.white hr{background:#fff}

.titleAx.tTop{margin:50px 0 -20px 0;}

.titleAx.m30{margin-bottom:30px}

.titleAx.m40{margin-bottom:40px}

/*--*/

.titleBx{color:#000123;font-size:40px;margin-bottom:50px; text-align: center;}

.titleBx b{}

.titleBx span{display: block; margin:auto;margin-top:15px;color:#9a9b9c;font-size:15px;font-weight:400;text-transform: Uppercase;}

.titleBx hr{display: block;margin:0 auto;margin-top:15px;width: 40px;height: 2px;border:none;background: #9f2925;}

.titleBx.lef{text-align: left;}

.titleBx.lef hr{margin:0px;margin-top:15px;}

.titleBx.lef span{margin:0px;margin-top:15px;}

.titleBx.white,.titleBx.white span{color:#fff}

.titleBx.tTop{margin:50px 0 -20px 0;}





/*===内页框↓==*/

.rack{width:100%;padding:70px 0 80px 0;}

.rack.t0{padding-top:0px !important}

.rack.b0{padding-bottom:0px !important}

.rack.tb0{padding-top:0px !important;padding-bottom:0px !important}



/*==切换按钮↓==*/

.tone-item{display: flex;text-align: center;margin-bottom:50px;margin-left: -50px;align-items: stretch;justify-content: center;}

.tone-item li{display:inline-block;cursor: pointer;margin-left: 20px;}

.tone-item a{position: relative;z-index: 1;display: block;height:100%;color: #fff;font-size: 20px;padding: 12px 40px;border-radius: 30px;overflow:hidden;background: #525252;}

.tone-item a:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background: #9f2925;transition:transform .5s;transform:scale(0,1);transform-origin:right;}

.tone-item .more a{color:#3a3b3c; background: #dddddd;}

.tone-item .active a,.tone-item li:hover a{color:#fff; }

.tone-item .active a:after,.tone-item li:hover a:after{transform:scale(1);transform-origin:left;}





/*==首页产品↓==*/

.productHome{background:url(../images/product-bg.jpg) no-repeat center;background-size:cover;}



/*===首页产品列表↓==*/

.product-grid.edge{margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.product-grid.edge li{display: inline-block;width:calc(25% - 20px);margin:0 0 20px 20px; }

.product-grid a{display: block;}

.product-grid .pic{padding-top:80%;border:1px #ddd solid;}

.product-grid h4{color:#333;font-size:18px;margin-top:15px;text-align: center;}

.product-grid li:hover a{}

.product-grid li:hover .pic{border-color:#9f2925; }

.product-grid li:hover h4{color:#9f2925}





/*==首页行业应用↓==*/

.solveHome{background:url(../images/solve-bg.jpg) no-repeat center;background-size:cover;}

/*--*/

.srll-solve .trol{display: flex;position: relative;width:fit-content;margin:auto; margin-top:40px;}

.srll-solve .trol .more{color: #bbb;font-size: 16px;padding: 10px 50px;margin: 0 100px;border: 1px #bbb solid;}

.srll-solve .trol .more:hover{color:#fff;border-color:#9f2925;background:#9f2925;}

.srll-solve .trol .btn{display:flex;align-items: center;flex-direction: row-reverse;color:#bbb;font-size:16px;cursor: pointer;}

.srll-solve .trol .btn:before{content:"\eb97";display: block;color:#bbb;font-size: 28px;margin-left:20px;}

.srll-solve .trol .sPrev{display:flex;flex-direction: row;}

.srll-solve .trol .sPrev:before{transform: rotateY(180deg);margin-right: 20px;margin-left: 20px;}

.srll-solve .trol .btn:hover{color:#9f2925}

.srll-solve .trol .btn:hover:before{color:#9f2925}





/*==首页行业应用列表↓==*/

.solve-grid a {display:block;position:relative;background: #fff;}

.solve-grid .pic{padding-top:70%;}

.solve-grid .box{position: relative;z-index: 1;padding:30px;}

.solve-grid h4 {position:relative;color: #404040;font-size:22px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.solve-grid p {-webkit-line-clamp:2;margin-top: 10px;color:#878787;font-size:14px;line-height: 24px;}

.solve-grid .more{display: block; margin-top:20px;color:#9f2925;font-size:14px}

.solve-grid li:hover h4 {color:#9f2925;}

.solve-grid li:hover .more{color:#3a3a3a}





/*==合作伙伴列表↓==*/

.partner-list.edge{display: flex;flex-wrap: wrap;}

.partner-list.edge li{width:14.2%;}

.partner-list li{cursor: pointer;border: 1px #ddd solid;background:#fff}

.partner-list a{position: relative;display:block;width: 100%;height:100%;overflow: hidden;  }

.partner-list a:after{opacity:0; content:""; position:absolute;left:0;top:0;right:0;bottom:0;transform: translateY(-10px);background:#9f2925;}

.partner-list .pic{position:relative;width:100%;padding-top:60%;}

.partner-list .pic img{position: absolute;left:0;top:0; display:block;width:100%;height:100%;}

.partner-list h4{opacity:0;position: absolute;left:0;top:0;right:0;bottom:0;z-index: 1;margin: auto;height: fit-content;text-align: center;padding:10px;color:#fff;font-size: 18px;transform: translateY(10px);}

.partner-list li:hover h4{opacity:1;transform: translateY(0px);}

.partner-list li:hover a:after{opacity:0.8;transform: translateY(0px);}

.partner-list.edge .tit{display: flex;width: 42.6%;background:#9f2925 url(../images/partner-tit-bg.png) no-repeat center;justify-content: center;align-items: center;}

.partner-list.edge .tit h5{color:#fff;font-size:24px;}





/*==公司简介-通用↓==*/

.about-item .up{ background:#fdfdfd url(../images/aboutBg.png) no-repeat center; background-size:cover;}

.about-item .up .wx{color: #6a6a6a;font-size:16px;line-height: 30px;padding: 0 200px;text-align:center}

.about-item .up .more{display: table;margin:auto;margin-top: 40px;padding: 10px 30px;color:#9f2925;font-size:16px;border:1px #9f2925 solid;border-radius: 30px;}

.about-item .up .more:hover{color:#fff;background:#9f2925}

.about-item .videos{margin-top:-150px;height:370px;padding: 150px 0 80px 0;background: url(../images/videoImg01.jpg) no-repeat center;background-size:cover;}

.about-item .videos a{display: table;margin: auto;cursor: pointer;}

.about-item .videos a::before{content:"";width: 80px;height: 80px;display:block;background: url(../images/videoIco.png) no-repeat center;background-size:cover;}

.about-item .videos a h4{color:#fff;font-size:18px;margin-top:10px}

.about-item .videos a:hover{transform: translateY(-5px);}

.about-item .videos a:hover h4{color:#9f2925}

.about-item .number{display: flex;margin-top: 60px;padding:0 100px;flex-flow: row wrap;justify-content: space-between;align-items: center;}

.about-item .number li {flex: 1;margin-left: 10px;line-height:1;padding: 30px;color: #fff; background: #9f2925;}

.about-item .number h5 {font-size: 16px;margin-top: 10px;}

.about-item .number font{font-size:18px;}

.about-item .number b{font-size: 40px;font-weight: bold;}

.about-item .number span {font-weight: bold;font-size: 50px;text-transform: uppercase;}

.about-item .number li:hover{transform:translateY(-5px);}





/*==首页新闻↓==*/

.newsHome{ background: url(../images/newsBg.jpg) no-repeat center; background-size:cover;}

/*--*/

.news-grid{ background: #fff; }

.news-grid li{float:left; overflow: hidden;}

.news-grid a{display: block;width:100%;height:100%;padding:50px 50px; background: #fff;}

.news-grid .pic{height: 280px;margin-bottom:40px}

.news-grid .pic img{max-width:100%;height: 100%;object-fit: cover;}

.news-grid h4{color:#282828;font-size: 18px;margin-bottom:10px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news-grid p{-webkit-line-clamp: 3;color:#666666;font-size:14px;line-height:26px}

.news-grid .time{display: flex;margin-top: 30px;color:#000;font-size:14px;align-items: center;justify-content: space-between;}

.news-grid .time i{color:#333;font-size:15px;font-weight:bold}

.news-grid .one{width:33.3%;height: 560px;}

.news-grid .one p{-webkit-line-clamp: 2;}

.news-grid .two{width:33.3%;height: 280px;border-left:1px #e9e9e9 solid;border-bottom:1px #e9e9e9 solid;background: #fff;}

.news-grid .two .time{margin-top: 40px;}

.news-grid .two:nth-child(4),.news-grid .two:nth-child(5){border-bottom:none;}

.news-grid li:hover h4{color:#9f2925}

.news-grid li:hover .time i{color:#9f2925;transform: translateX(-5px);}

.news-grid .two:hover{background: #fefefe;}

.news-grid .two:hover a{transform: translateY(-5px);}





/*==广告条↓==*/

.advert-item{padding: 60px 0;background:url(../images/advert-bg.jpg) no-repeat center;background-size:cover;}

.advert-item .long{display: flex;align-items: center;justify-content: space-between;}

.advert-item h4{color:#fff;font-size:36px;font-weight: bold;}

.advert-item .more{display: flex;padding: 10px 30px;color:#fff;font-size: 15px;border: 2px solid #fff;align-items: center;}

.advert-item .more::after{content:"\e61f";margin-left: 10px;color:#fff;font-size: 26px;}

.advert-item .more:hover{color:#9f2925;background:#fff}

.advert-item .more:hover:after{color:#9f2925;transform:translateX(5px)}







/*==留言模块↓==*/

.feedback-item form{display: flex;flex-wrap: wrap;margin: 0 0 -10px -10px;}

.feedback-item form .loaf{width: calc(50% - 10px);margin:0 0 10px 10px;}

.feedback-item form .loaf.w33{width:calc(33.3% - 10px);}

.feedback-item form .loaf.w50{width:calc(50% - 10px);}

.feedback-item form .loaf.w100{width:calc(100% - 10px);}

.feedback-item form .shell{display: flex;border: 1px #ddd solid;padding: 12px 20px;align-items: center;background: #fff;}

.feedback-item form .shell.vt{align-items: flex-start;}

.feedback-item form .shell i{color:red;margin-left:5px;}

.feedback-item form h5 {/* width: 60px; */flex-shrink: 0;display: flex;margin-right: 10px;color: #6a6a6a;font-size: 15px;align-items: center;}

.feedback-item form h5 em{display: flex;margin-right:10px;font-size: 18px;color: #999;width: 20px;align-items: center;justify-content: center;}

.feedback-item form .fill{ flex: 1;/* width: 100%; */line-height: 30px;color:#666;font-size: 15px;border: none;background: none;}

.feedback-item form textarea{height:180px}

.feedback-item form .button{position: relative; display: table;margin-right: 20px;color: #fff;font-size: 16px;padding: 16px 80px;border:none;cursor: pointer;border-radius: 5px;background: #9f2925;}

.feedback-item form .button.cor{color:#333;background:#dadde3}

.feedback-item form .button:after{opacity:0; content:"";position:absolute;left:0;top:0;right:0;bottom:0; background:#fff}

.feedback-item form .button:hover{color:#fff;background:#9f2925}

.feedback-item form .button:hover:after{opacity:0.2}

.feedback-item form .code{flex-shrink: 0;display: flex;margin-right: 20px;border: 1px #ddd solid;background: #fff;align-items: center;}

.feedback-item form .code input{flex: 1;width: 150px;padding: 18px 20px;font-size: 15px;border: none;}

.feedback-item form .code img{height: 35px;margin: 0px 15px;flex-shrink: 1;cursor: pointer;}

.feedback-item form .yzm{display: flex;margin-top:20px;align-items: center;}

.feedback-item form .explain{flex-shrink:0;width: 100%;margin-top: 0px;color:#333333;font-size:16px;}

.feedback-item form .explain i{color:red}

.feedback-item form .explain font{color:#9f2925;font-weight:bold;}

.feedback-item form .but{display: flex;margin-top:20px; align-items: center;justify-content: space-between;}

.feedback-item form .but .button{width:49%;margin:0px;}





/*==数字滚动↓==*/

.digital-air{display: flex;margin: 60px 0 0px -20px;justify-content: space-between;flex-wrap: wrap;}

.digital-air li{position:relative;margin-left: 20px;color:#666;line-height: 1;text-align: center;}

.digital-air span{color:#9f2925;font-size:44px;font-weight:bold;}

.digital-air font{font-size:16px;margin-left:5px}

.digital-air h4{margin-top: 10px;font-size:16px}

.digital-air.white *{color:#fff}





/*==通用列表↓==*/

.list-item.edge{display: flex;margin:0 0 -30px -20px;flex-flow: row wrap;align-content: flex-start;}

.list-item.edge li{display: inline-block;width: calc(25% - 20px);margin:0 0 30px 20px}

.list-item li{}

.list-item a{display: block;}

.list-item .pic{position:relative;padding-top:100%;border:1px #ddd solid;transition:all .7s ease-in-out;overflow:hidden;}

.list-item .pic img{position:absolute; left:0;right:0;top:0;bottom:0; display:block;width:100%;height:100%;}

.list-item .title{-webkit-line-clamp: 1;margin-top:20px;font-size: 18px;color:#3a3b3c;text-align:center;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}

.list-item .txt{-webkit-line-clamp: 2;margin-top: 10px;font-size:16px;color: #6a6b6c;text-align: center;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}

.list-item li:hover .pic{border-color:#9f2925}

.list-item li:hover .pic img{transform:scale(1.08);}

.list-item li:hover h4{color:#9f2925;}

/*--*/

.list-item.lx3.edge li{width: calc(33.3% - 20px);}

.list-item.lx5.edge li{width: calc(20% - 20px);}





/*==底部===*/

.footer {position:relative;z-index:5; background:#2a2e39;}

.footer .up {padding:70px 0 0px 0;}

.footer .tit {position:relative;color:#fff;font-size:16px;margin-bottom:15px;}

.footer .tit:before {display: none; content:"";position:absolute;top:0;left:-12px;bottom:0;margin:auto;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #fff;}

.footer .nav {position:relative;float:left;width:40%;display:flex;justify-content: space-between;}

.footer .nav li {padding-right:20px;float:left;}

.footer .nav li a {display:block;color:#aaa;font-size:14px;padding:5px 0;}

.footer .nav li a:hover {color:#fff}

.footer .nav .box.col{ column-count: 2;}

.footer .ewm {float:right;margin-left:5%;color:#aaa;font-size:14px;text-align:center;}

.footer .ewm span{float: left;margin-left:30px;}

.footer .ewm img {display:block;width:130px;margin-bottom:10px;}

.footer .right {float:left;margin-left:10%;color:#aaa;font-size:12px;}

.footer .right .tel {display:block;color:#fff;font-size:28px;margin-bottom:15px;}

.footer .right .wx {display:block;color: #ccc;font-size: 15px;line-height: 30px;}

.footer .right .wx i{display: inline-block;width:20px;text-align: center;font-size:25px;font-size:15px; color:#9f2925;margin-right:10px;}

.footer .down {position:relative;margin-top:60px;padding:20px 0;color:#aaa;font-size:13px;border-top:1px solid rgba(255,255,255,0.1)}

.footer .down a {color:#aaa;font-size:13px;}

.footer .down a:hover {color:#eee;}

.footer .link {display: flex;margin-top: 20px;flex-wrap: wrap;}

.footer .link h3 {flex-shrink: 0; color:#fff;font-size: 14px;}

.footer .link .box{flex: 1;}

.footer .link a {position:relative;color:#ccc;font-size:14px;display:inline-block;padding: 0 20px;margin-bottom:5px;}

.footer .link a:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;height: 13px;margin: auto;background:#aaa}

.footer .link a:last-child::after{display: none;}